<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智造产品下单平台</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <div class="box">
        <!-- 导航栏 -->
        <div class="top_nav">
            <div class="top_nav_content w">
                <h3>智造产品下单平台</h3>
                <div class="user">
                    <span id="username">user</span>
                    <img id="avater" src="./img/avater.png" alt="avater">
                </div>
            </div>
        </div>
        <div class="main_content w">
            <!-- 选项标签 -->
            <ul class="menu_option">
                <li>
                    <div id="op_goods">产品下单</div>
                </li>
                <li>
                    <div id="op_order">订单查询</div>
                </li>
            </ul>
            <!-- 商品列表 -->
            <div id="goods_pager">
                <h2 class="title">| 产品列表</h2>
                <ul id="goods_list"></ul>
                <br><br>
                <h2 class="title">| 订单信息</h2>
                <div class="order_list">
                    <p id="order_content">空空如也~</p>
                    <div class="box_btn">
                        <div id="submit_btn">提交订单</div>
                        <div id="output_btn">导出csv文件</div>
                        <div id="cancel_btn">清空订单信息</div>
                    </div>
                </div>
            </div>
            <!-- 订单查询 -->
            <div id="order_pager">
                <h2 class="title">| 全部订单</h2>
                <div id="order_details">订单详情</div>
                <!-- <div class="box_btn">
                    <div id="submit_btn">提交订单</div>
                    <div id="cancel_btn">清空订单信息</div>
                </div> -->
            </div>
            <!-- 版权信息 -->
            <footer style="width: 100%; font-size: small; text-align: center;">
                <p>&copy; 2023 Aurora. All rights reserved.</p>
            </footer>
        </div>
    </div>

    <script src="./script.js"></script>
</body>

</html>